function page4(){
//window.onload = function()
//{
    slide($('.sect li.center'), 'ani-slideInLeft');
    setTimeout(function()
    {
        slide($('.sect li.right'), 'ani-slideInRight');
        slide($('.sect li.left'), 'ani-slideInLeft');
    }, 150);

    shake(4000);
//};

function slide(ele, className)
{
    ele.each(function(index, item)
    {
        if(index > 0)
        {
            setTimeout(function()
            {
                $(item).addClass(className);
            }, index * 150);
        } else
        {
            $(item).addClass(className);
        }

        animateEnd($(this), function()
        {
            $(item).removeClass(className);
            $(item).css({'opacity': 1});
        });

    });

}

function animateEnd(ele, fn)
{
    ele.one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function()
    {
        fn && fn();
    });
}

function shake(interval)
{
    var className = 'ani-pulse';
    setInterval(function()
    {
        $('.sect li').each(function(index, t)
        {
            setTimeout(function()
            {
                $(t).addClass(className);

                animateEnd($(t), function()
                {
                    $(t).removeClass(className);
                })
            }, 80*index);
        })
    }, interval)
}
}